<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
    <table class="table table-hover">
        <thead>
            <tr>
                <th width="8%" class="text-center"><span class="c-999 fs12">序号</span></th>
                <th width="22%" class="text-center"><span class="c-999 fs12">时间</span></th>
                <th width="30%" class="text-center"><span class="c-999 fs12">收益行为</span></th>
                <th width="20%" class="text-center"><span class="c-999 fs12">提现状态</span></th>
                <th width="20%" class="text-center"><span class="c-999 fs12">金额(元)</span></th>
            </tr>
        </thead>
        <tbody>
            <tr th:if="${#lists.isEmpty(dataMap['list'])}">
                <td colspan="5">
                    <section class="no-data__wrap">
                        <span class="no-data-ico"></span>
                        <p class="mt20"><span class="c-666">还没有收益~~~</span></p>
                    </section>
                </td>
            </tr>
            <tr th:if="!${#lists.isEmpty(dataMap['list'])}" th:each="earning, index :${dataMap['list']}">
                <td class="text-center"><span class="c-999" th:text="${index.index + 1}"></span></td>
                <td class="text-center">
                    <span class="c-999" th:text="${#strings.substring(earning['createTime'],0,16)}"></span>
                </td>
                <td class="text-center">
                    <span class="c-info" th:text="${earning['user']['nickname']}"></span>
                    <span class="c-999">围观问题</span>
                </td>
                <td class="text-center">
                    <span class="c-999" th:text="${earning['status']==1} ? '未提现' : '已提现' "></span>
                </td>
                <td class="text-center">
                    <span class="c-danger fs12 vam">
                        <i class="fa fa-plus"></i>
                    </span>
                    <span class="fs14 c-danger vam ml5" th:text="${earning['amount']}"></span>
                </td>
            </tr>
        </tbody>
    </table>
    <!--分页  开始-->
    <section>
        <hr>
        <nav aria-label="..." th:if="${dataMap['pages'] > 1}">
            <ul class="pager" id="page-list-context-box">
                <li th:if="${dataMap['pageNum']==1}" class="disabled"><a href="javascript:void(0);"><span aria-hidden="true">←</span> 上一页</a></li>
                <li th:if="${dataMap['pageNum']>1}" th:attr="data-no=${dataMap['pageNum'] - 1}" class=""><a href="javascript:void(0);"><span aria-hidden="true">←</span> 上一页</a></li>
                <li th:if="${dataMap['pageNum']==dataMap['pages']}" class="disabled"><a href="javascript:void(0);">下一页 <span aria-hidden="true">→</span></a></li>
                <li th:if="${dataMap['pageNum']<dataMap['pages']}" th:attr="data-no=${dataMap['pageNum'] + 1}" class=""><a href="javascript:void(0);">下一页 <span aria-hidden="true">→</span></a></li>
            </ul>
        </nav>
    </section>
</html>